
header{
    width: auto;
    height: auto;
    display: flex;
  }
  .班牌{
    border-radius: 15px;

    box-shadow: 10px 10px 10px black;
  }
  h1{
    font-size: xxx-large;
  }

p{
  font-size: large
}
  .a1{
    flex: 1;
  }
  .a2{
    margin: 5px;
    flex: 1;
    color: #fff;
  }

  .a3{
    margin: 5px;
    flex: 1;
    color: #fff;
  }
  .a4{
    margin: 5px;
    flex: 1;
    color: #fff;
  }
  
  .a5{
    margin: 5px;
    flex: 1;
    color: #fff;
  }
  .a6{
    margin: 5px;
    flex: 1;
    color: #fff;
  }
  .a9{
    float: left;
    display: flex;
  }
html{
    background-image:url("img/img3.jpg") ;
    background-size: 100%;
    color: #fff;
    
}

p:hover{
  color: #c35f5f;
}
#w{
  color: #fff;
}
#o{
  color: #fff;
}
#故事{
  content: text;
  padding: 20px;
  border: #fff;
  margin: 50px;
}
#小说{
  content: text;
  padding: 20px;
  border: #fff;
  margin: 50px;
}
#套子{
  display: flex;
}
#clock{
  animation: breathe 1s ease-in-out infinite alternate;
}
@keyframes breathe {
  0% {
      opacity: 0.2;
      box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1)
  }

  50% {
      opacity: 0.5;
      box-shadow: 0 1px 2px rgba(18, 190, 84, 0.76)
  }

  100% {
      opacity: 1;
      box-shadow: 0 1px 30px rgba(59, 255, 255, 1)
  }
}

#clock {
  font-size: 48px;
  text-align: center;
  margin-top: 200px;
}

#于{
  border-radius: 20px;
  box-shadow: 20px 20px 20px black;
}
@media screen and (max-width: 768px){
  .p1{
      display: block;
  }
  .p2{
      display: none;
  }
  .p3{
    display: none;
  }
} 

@media screen and (min-width:768px) and (max-width:996px){
  .p1{
      display: none;
  }
  .p2{
      display: block;
  }
  .p3{
    display: none;
  }
}

@media screen and (min-width:996px) {
  .p1{
      display: none;
  }
  .p2{
      display: none;
  }
  .p3{
    display: block;
  }
}

.fade-out {
  border: 1px solid red;
  animation: fadeOut 15s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
